<!DOCTYPE html>

<script src="../../lib/jquery-1.7.1.js"></script>
<script src="../../src/tooltip/tooltip.js"></script>

<style>
body {
	margin:100px;
	font-family:sans-serif;
}

.tooltip {
	border:1px solid #ccc;
	background-color:#000;
	color:#fff;
	padding:4px;
	font-size:11px;
}

.trigger {
	display:block;
	width:100px;	
	font-size:12px;
}
</style>

<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>
<a class="trigger" title="Tooltip">trigger</a>

<script>
$(".trigger").tooltip({ position: 'center right'});
</script>
